<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
    pageContext.setAttribute("basePath",basePath);
    String bankRequestType =request.getAttribute("bankRequestType").toString();
    String queryPath = "";
    if(bankRequestType.equals("0")){
        queryPath = basePath+"/bank/bankOrderReply";
    }else{
        queryPath = basePath+"/bank/cardOrderReply";
    }
    pageContext.setAttribute("queryPath",queryPath);
%>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>银行调单系统</title>
    <%@include file="/common/header.jsp"%>
    <script type="text/javascript">
        queryPath ='${queryPath}';
        bankRequestType ='${bankRequestType}';
        reqStr ='${request}';
        orderStr ='${order}';
        consigneestr ='${consignee}';
        paymentstr = '${payment}';
        replystr ='${reply}';
    </script>
    <script type="text/javascript" src="${basePath}/js/bankorder/replyInfoModify.js"></script>
</head>
<body class="hold-transition fq-white sidebar-mini fq-body">


    <!-- Content Wrapper. Contains page content  内容包装。包含每页内容-->
    <div   style="background-color: #ecf0f5">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="fq-tit-h1">
                <div class="fq-tit-box  clearfix">
                    <i class="fa fa-bank iconBg fl"></i>
                    <div class="fl">
                        <h2 class="">综合查询</h2>
                        <small>Integrated query</small>
                    </div>
                </div>
            </div>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title ">
                        银行查询信息 <!--<span class="fa fa-edit bank-check-edit"></span>-->
                    </h3>
                </div>
                <div class="box-body" id="requestContent">
                    <div class="w-check-condition-area clearfix">
                        <div class="w-check-condition w-auto">
                            <jsp:include page="/common/bankRequestContent.jsp"></jsp:include>
                            <div class="w-gofor-check">
                                <a href="javascript:void(0);" class="check-btn" id="sendBtn">发送</a>
                            </div>
                        </div>


                    </div>

                </div>
            </div>


            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title ">
                        京东回复
                    </h3>
                    <span class="infor-btn-area"><a href="javascript:void(0)" id="saveBtn">暂存</a><a href="javascript:void(0)">取消</a></span>
                </div>
                <div class="box-body">
                    <div class="w-check-condition-area clearfix" id="orderContent">
                        <script id="orderTmp" type="text/javascript">
                            {{each order item i}}
                            <div class="w-check-condition w-auto">
                            <ul class="check-condition-ul">
                                <li class="check-condition-li  clearfix">
                                    <div class="kv-box clearfix">
                                        <div class="key">
                                            支付订单号：
                                        </div>
                                        <div class="val">
                                            <input type="text" class="form-control input-sm w-l-input" id="merchantTradeNo{{i}}" name="merchantTradeNo" value="{{item.merchantTradeNo}}"/>
                                            <input type="hidden" class="form-control input-sm w-l-input" id="tradeNo{{i}}" name="tradeNo" value="{{item.tradeNo}}"/>
                                            <input type="hidden" class="form-control input-sm w-l-input" id="orderId{{i}}" name="orderId" value="{{item.id}}"/>
                                        </div>
                                    </div>

                                    <div class="kv-box center-kv-box clearfix">
                                        <div class="key">
                                            商户名称：
                                        </div>
                                        <div class="val">
                                            <input type="hidden" class="form-control input-sm w-l-input" id="merchantNo{{i}}" name="merchantNo" value="{{item.merchantNo}}"/>
                                            <input type="text" class="form-control input-sm w-l-input" id="merchantName{{i}}" name="merchantName" value="{{item.merchantName}}"/>
                                        </div>
                                    </div>

                                    <div class="kv-box clearfix">
                                        <div class="key">
                                            是否完成退款:
                                        </div>
                                        <div class="val">
                                            <select cube-type="select" class="cu-select cu-select-xl w-sp" id="isRefund{{i}}"  name="isRefund" value="{{item.isRefund}}">
                                            <option value="" >选择</option>
                                            <option value="1" selected="selected">是</option>
                                            <option value="0">否</option>
                                            </select>
                                        </div>
                                    </div>
                                </li>
                                <li class="check-condition-li  clearfix">
                                    <div class="kv-box clearfix">
                                        <div class="key">
                                            交易状态：
                                        </div>
                                        <div class="val">
                                            <select cube-type="select" class="cu-select cu-select-xl w-sp" id="tradeStatus{{i}}"  name="tradeStatus" value="{{item.tradeStatus}}">
                                            <option value="" >选择</option>
                                            <option value="1" selected="selected">成功</option>
                                            <option value="0">失败</option>
                                            </select>
                                        </div>
                                    </div>


                                    <div class="kv-box clearfix">
                                        <div class="key">
                                            业务类型：
                                        </div>
                                        <div class="val">
                                            <input type="text" class="form-control input-sm w-l-input" id="tradeType{{id}}" name="tradeType" value="{{item.tradeType}}"/>
                                        </div>
                                    </div>


                                    <div class="kv-box clearfix">
                                        <div class="key">
                                            退款时间：
                                        </div>
                                        <div class="val">
                                            <div class="input-group clearfix">
                                                <div class="input-group-addon">
                                                    <i class="fa fa-calendar"></i>
                                                </div>
                                                <input type="text" class="form-control h38" id="refundDate{{i}}" name="refundDate" value="{{item.refundDate}}"/>
                                            </div>
                                        </div>
                                    </div>

                                </li>
                                <li class="check-condition-li clearfix">
                                    <div class="kv-box clearfix">
                                        <div class="key">
                                            退款金额：
                                        </div>
                                        <div class="val">
                                            <input type="text" class="form-control input-sm w-l-input" id="refundMoney{{i}}" name="refundMoney" value="{{item.refundMoney}}"/>
                                        </div>
                                    </div>

                                </li>

                            </ul>

                        </div>
                                {{/each}}
                        </script>
                    </div>


                    <div class="w-check-condition-area mt30 clearfix">
                        <div class="table-area">
                            <table id="consigneeGrid">
                                <colgroup>
                                    <col width=""/>
                                    <col width=""/>
                                    <col width=""/>
                                    <col width=""/>
                                    <col width=""/>
                                    <col width="30%"/>

                                </colgroup>
                                <thead>
                                <tr>

                                    <th>商品订单号</th>
                                    <th>下单IP</th>
                                    <th>商品名称</th>
                                    <th>收货人</th>
                                    <th>收货电话</th>
                                    <th>收货地址</th>

                                </tr>
                                </thead>
                                <tbody>
                                <tr>

                                    <td>20170315001</td>
                                    <td>135.124.54.4</td>
                                    <td>电脑</td>
                                    <td>张三</td>
                                    <td>13211234564</td>
                                    <td>北京通州区马驹桥北京通州区马驹桥北京通州区马驹桥</td>

                                </tr>
                                <tr>

                                    <td>20170315001</td>
                                    <td>135.124.54.4</td>
                                    <td>电脑</td>
                                    <td>张三</td>
                                    <td>13211234564</td>
                                    <td>北京通州区马驹桥北京通州区马驹桥北京通州区马驹桥</td>

                                </tr>
                                <tr>

                                    <td>20170315001</td>
                                    <td>135.124.54.4</td>
                                    <td>电脑</td>
                                    <td>张三</td>
                                    <td>13211234564</td>
                                    <td>北京通州区马驹桥北京通州区马驹桥北京通州区马驹桥</td>

                                </tr>

                                </tbody>
                            </table>

                            <div class="page2 clearfix" style="display: none;">
                                <div class="page-wrap">
                                    <a href="" class="up-page"><i class="prev-i">&lt;</i></a>
                                    <a href="" class="">1</a>
                                    <a href="" class="curr">2</a>
                                    <a href="">3</a>
                                    <span class="apostrophe">···</span>
                                    <a href="">36</a>
                                    <a href="" class="down-page"><i class="next-i">&gt;</i></a>
                                    <span class="tol-pag">共147条记录</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="w-check-condition-area mt30 clearfix">
                        <div class="w-check-condition w-auto">
                            <ul class="check-condition-ul">
                                <li class="check-condition-li clearfix">
                                    <div class="kv-box clearfix" style="width: 29%">
                                        <div class="key">
                                            案件状态：
                                        </div>
                                        <div class="val">
                                            <select cube-type="select" class="cu-select cu-select-xl w-sp" name="caseState" id="caseState" onchange="caseChange(this)">
                                                <option value="" >选择</option>
                                                <option value="1">审核中</option>
                                                <option value="2">赔付中</option>
                                                <option value="3">复审结案</option>
                                            </select>
                                            <input type="hidden" id="replyId"  name="replyId"/>
                                        </div>
                                    </div>

                                    <div class="kv-box center-kv-box clearfix" style="width: 29%">
                                        <div class="key">
                                            结案原因：
                                        </div>
                                        <div class="val">
                                            <input type="text" class="form-control input-sm w-l-input" id="closeReason"/>
                                        </div>
                                    </div>

                                </li>
                            </ul>
                        </div>

                        <div class="table-area">
                            <table id="paymentGrid">
                                <colgroup>
                                    <col width=""/>
                                    <col width=""/>
                                    <col width="30%"/>
                                    <col width=""/>
                                </colgroup>
                                <thead>
                                <tr>

                                    <th>历史赔付</th>
                                    <th>赔付金额</th>
                                    <th>打款卡号</th>
                                    <th>打款时间</th>


                                </tr>
                                </thead>
                                <tbody>

                                <tr>
                                    <td>成功</td>
                                    <td>40.00元</td>
                                    <td>62146789876543567899</td>
                                    <td>20170618</td>
                                </tr>

                                <tr>
                                    <td>成功</td>
                                    <td>40.00元</td>
                                    <td>62146789876543567899</td>
                                    <td>20170618</td>
                                </tr>
                                </tbody>
                            </table>

                            <div class="page2 clearfix" style="display: none;">
                                <div class="page-wrap">
                                    <a href="" class="up-page"><i class="prev-i">&lt;</i></a>
                                    <a href="" class="">1</a>
                                    <a href="" class="curr">2</a>
                                    <a href="">3</a>
                                    <span class="apostrophe">···</span>
                                    <a href="">36</a>
                                    <a href="" class="down-page"><i class="next-i">&gt;</i></a>
                                    <span class="tol-pag">共147条记录</span>
                                </div>
                            </div>
                        </div>


                        <div class="w-check-condition w-auto">
                            <ul class="check-condition-ul">

                                <li class="check-condition-li mb0 clearfix">
                                    <div class="kv-box clearfix" style="width: 99%;">
                                        <div class="key">
                                            京东备注：
                                        </div>
                                        <div class="val">
                                            <textarea  class="remarks" cols="30" rows="10" name="jdremark" id="jdremark"></textarea>
                                        </div>
                                    </div>

                                </li>
                                <li class="check-condition-li mb0 clearfix">

                                    <div class="kv-box clearfix">
                                        <div class="key">

                                        </div>
                                        <div class="val">
                                            <form id='myForm' method="post" enctype="multipart/form-data" action= queryPath+"/uploadFile.do">
                                                <a href=""><input type="file" id="uploadObject" name="uploadObject"></a><a href="javascrpit:void(0)" onclick="subForm()"><i class="fa fa-fw fa-file-text"></i>上传</a>
                                            </form>
                                            <div class="s-btn-area fl">

                                            </div>
                                            <div class="fj-area fl" id="jdFileListDiv">
                                            </div>
                                        </div>
                                    </div>

                                </li>
                            </ul>

                        </div>
                    </div>

                </div>
                <!-- /.box-body -->
            </div>



        </section>


        <!-- /.content -->
    </div>

</body>
</html>
